<html>
<head>
    {% include 'common/top.html' %}
    <script>
    </script>
    <style type="text/css">
        h3 {
        color:#1BA2E1
        }
        hr {
        #1BA2E1;
        }
    </style>
</head>
<body style="background:#D6D6D6">
{% include 'common/header.html' %}
<div style="margin:30px 100px">
    <div class="col-md-12" style="margin-top:25px;margin-bottom:25px;background:white">
        <div class="col-md-8" style="border-right:25px solid #D6D6D6;">
            <h3>健康视频</h3>
            <hr>
            {% for video in videos %}
            <div class="col-md-4" align="center">
                <a href={{video.url}}><img width="100%" height="200px" src={{video.img}}></a>
                <p>{{video.title}}</p>
            </div>
            {% endfor %}
        </div>
        <div class="col-md-4">
            <h3>健康文章</h3>
            <hr>
            {% for article in articles %}
            <div>
                <div class="col-md-8"><a href={{article.url}}><p style="color:black">{{article.title}}</p></a></div>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% include 'common/foot.html' %}
</body>

